body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding: 0;margin: 0;}
a{text-decoration: none;}
ol,ul {list-style: none;}
textarea {resize: none;}
input:focus{
    /*border-color: #66afe9;*/
    /*outline: 0;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
    /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)*/
}
a:-webkit-any-link {
    /*color: -webkit-link;*/
    cursor: pointer;
    /*text-decoration: underline;*/
}
.df{display:flex;flex-direction:row;}
.logo {position: absolute;left: 0;}
.logo img {width: 70px;height: 60px;}
.logo-font {font-size: 24px;color: #fefefe;}
.div-header{width:100%;height:60px;background-color: dimgray;}
.div-header .layui-nav {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    background: none;
}
.div-header .layui-nav .layui-nav-item{
    /*margin:0 20px;*/
}
.div-header .layui-nav .layui-nav-item a{
    color: rgba(255,255,255,.7);
}
/*聊天*/

.zdiv{width:80%;margin:0 auto;padding-top:20px;}
.chat-div{
    height:400px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #000;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
}
/*滚动条样式*/
.chat-div::-webkit-scrollbar {
    width: 4px;
}
.chat-div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.chat-div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);}
.div-login{text-align:center;font-size: 12px;color: #888888;margin:10px 0px 10px 0px;}
.div-date{text-align: center;font-size: 14px;color: #777777;}
.div-end{display: flex;justify-content:flex-end;margin:10px 0px 10px 0px;}
.div-start{display: flex;justify-content:flex-start;margin:10px 0px 10px 0px;}
.m0505{margin: 0px 5px 0px 5px;}
.mw-300{max-width:300px;}
.color-red{color: red;}
.div-content{margin: 4px 4px 4px 0px;padding:6px;background-color: #ffe1e1;border-radius:6px;}
.head-portrait{width:40px;height:40px;border-radius:50%;}

.font-14{font-size: 14px;}
.div-bb{border-bottom: 1px solid #E9E7E7;}
.div-bt{border-top:1px solid #E9E7E7;}

.textarea {
    width: 100%;
    height:60px;
    outline: 0;
    font-size: 13px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-user-modify: read-write-plaintext-only;
}
[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-text);
}

/*滚动条样式*/
.textarea::-webkit-scrollbar {
    width: 4px;
}
.textarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);}

.h-30{height:30px; }
.div-send{height:50px;display: flex;justify-content: flex-end;align-items : center;}
.send{width:50px;height:30px;color: white;line-height:30px;border-radius:6px;float:right;cursor:pointer;text-align:center;background-color: dimgray;}

